<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootsnav.js"></script>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <nav class="navbar navbar-inverse">导航条</nav>
    <div class="flex-container" style="width: 100%;height: 100%;">
        <div class="div2 col-3">
            <nav class="navbar navbar-inverse">
                <ul class="nav nav-pills nav-stacked">
                    <li role="presentation" data-toggle="collapse" class="collaspe" data-target="#ul1">
                        <a href="#">主页<span class="caret"></span>

                        </a>
                        <ul id="ul1" class="collapse">
                            <li role="presentation" class="nav-item"><a href="#" target="contentIframe">示例一</a></li>
                            <li role="presentation" class="nav-item"><a href="#" target="contentIframe">示例二</a></li>
                        </ul>
                    </li>


                    <li role="presentation" data-toggle="collapse" class="collaspe" data-target="#ul2">
                        <a>
                            图表 <span class="caret"></span>
                        </a>
                        <ul id="ul2" class="collapse">
                            <li><a href="navDemo/navIndex.html" target="contentIframe">图表一</a></li>
                            <li><a href="navDemo/navIndex2.html" target="contentIframe">图表二</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="div1 col-9">
            <iframe id="iframe0" name="contentIframe" style="width: 100%;height: 100%;"></iframe>
        </div>
    </div>
</body>

</html>